@charset "utf-8";

$firstlevel-path: "../" !default;
$secondlevel-path: "../../" !default;

$color-white: #ffffff !default;
$color-black: #000000 !default;
$color-gray-darker: #222222 !default;
$color-gray-dark: #333333 !default;
$color-gray-light: #808080 !default;
$color-gray-lighter: #eeeeee !default;
$color-main-blue: #337ab7 !default;

$brand-primary: darken(#428bca, 6.5%) !default; // #337ab7
$brand-success: #5cb85c !default;
$brand-info: #5bc0de !default;
$brand-warning: #f0ad4e !default;
$brand-danger: #d9534f !default;

$text-color: $color-gray-dark !default;
$link-color: #0078d7 !default;
$link-hover-color: darken($link-color, 10%) !default;
$link-hover-decoration: underline !default;
$font-family-base: "PingFang SC","Montserrat Light","Hiragino Sans GB","Hiragino Sans GB W3","Source Han Sans Light","Source Han Sans SC Light","Noto Sans CJK Sc Thin","Microsoft YaHei Light","Microsoft YaHei","Microsoft Jhenghei","Avenir","Helvetica Neue",Arial,sans-serif;
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif: Georgia, "Times New Roman", Times, serif !default;

$font-size-base: 14px !default;
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px

$font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h5: $font-size-base !default;
$font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px

$font-style-base: normal !default;
$font-variant-base: normal !default;
$font-weight-base: normal !default;

$line-height-refer: 20px !default;
$line-height-base: ($line-height-refer / $font-size-base) !default;
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
$line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
$line-height-small: 1.5 !default;

$headings-font-family: inherit !default;
$headings-font-weight: 500 !default;
$headings-line-height: 1.1 !default;
$headings-color: inherit !default;

//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
// -------------------------
$padding-base-vertical: 6px !default;
$padding-base-horizontal: 12px !default;

$padding-large-vertical: 10px !default;
$padding-large-horizontal: 16px !default;

$padding-small-vertical: 5px !default;
$padding-small-horizontal: 10px !default;

$padding-xs-vertical: 1px !default;
$padding-xs-horizontal: 5px !default;

$border-radius-base: 4px !default;
$border-radius-large: 6px !default;
$border-radius-small: 3px !default;

//== Grid system
//
//## Define your custom responsive grid.
// -------------------------
//** Number of columns in the grid.
$grid-columns: 12 !default;
//** Padding between columns. Gets divided in half for the left and right.
$grid-gutter-width: 20px !default;
$grid-float-breakpoint: 768px !default;
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;

//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.

// Small screen / tablet
$container-tablet: (740px + $grid-gutter-width) !default;
$container-sm: $container-tablet !default;

// Medium screen / desktop
$container-desktop: (980px + $grid-gutter-width) !default;
$container-md: $container-desktop !default;

// Large screen / wide desktop
$container-large-desktop: (1180px + $grid-gutter-width) !default;
$container-lg: $container-large-desktop !default;

//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.
// -------------------------
$state-success-text: #3c763d !default;
$state-success-bg: #dff0d8 !default;
$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;

$state-info-text: #31708f !default;
$state-info-bg: #d9edf7 !default;
$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;

$state-warning-text: #8a6d3b !default;
$state-warning-bg: #fcf8e3 !default;
$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;

$state-danger-text: #a94442 !default;
$state-danger-bg: #f2dede !default;
$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
